<template>
    <div class="main">
        <Address />
        <Search :count="count"/>
        <Banner />
        <Nav />
        <Nearby />
    </div>
</template>

<script>
import Address from './Address'
import Search from './Search'
import Banner from './Banner'
import Nav from './Nav'
import Nearby from './Nearby'
export default {
  name: 'Main',
  components: { Address, Search, Banner, Nav, Nearby },
  data () {
    return {
      count: '山姆会员商店优惠商品'
    }
  }
}
</script>

<style lang="scss">
    .main {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: .5rem;
        padding:0 .18rem 0 .18rem;
        overflow-y: auto;
    }
</style>
